<!doctype html>
<html>
<head>
  <!--[if lt IE 9]>
    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.js"></script>
  <![endif]-->
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Demo</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <link rel="stylesheet" type="text/css"
       href="//cloud.typography.com/6367052/709306/css/fonts.css"/>
</head>
<body>
  <!--[if lt IE 8]>
    <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
  <![endif]-->
  <div id="content"></div>
  <!--[if lt IE 9]>
    <script src="//cdnjs.cloudflare.com/ajax/libs/es5-shim/4.1.15/es5-shim.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/es5-shim/4.1.15/es5-sham.min.js"></script>
  <![endif]-->
  <script src="bundle.js"></script>
  <script>
    // Sanity-check the component loaded...
    setTimeout(function () {
      var content = document.querySelector("#content");
      var warning = "If you can see this, something is broken (or JS is not enabled)!";
      if (!content.innerHTML) {
        content.innerHTML = warning;
      }
    }, 500);
  </script>
</body>
</html>
